Criação e desenvolvimento de website para uma ONG de atuação nacional

Descrição do Trabalho:
Criação e desenvolvimento de website para uma ONG de atuação nacional.

Gostaríamos de modernizar Layout, manter funcionalidades já existentes e incluir algumas outras que estamos listando neste documento.

Precisamos de áreas de texto e imagens administráveis para edição e inclusão, gostaríamos que fosse utilizado Wordpress ou linguagem similar para programação e desenvolvimento.


Objetivo:
O site é a plataforma digital oficial para uma ONG, a única fonte segura e completa, tanto pra quem busca seus serviços, como pra quem deseja informações confiáveis sobre a entidade (incluindo acesso às redes sociais oficiais).

Público:
Extremamente variado, tanto no que diz respeito ao gênero, faixa etária e classe social.

Estrutura e Conteúdo:

Descrevemos a seguir as Seções, ou abas, que desejamos que a home contenha e estejam listadas para acesso.

Home
- destaque para oferta de atendimento pelos canais telefone, chat, email. endereços dos postos de atendimento.
- blog (mostrar textos mais recentes e busca por assunto, com exportação de todos os textos já publicados)
- redes sociais (links para as de maior destaque, instagram, facebook, youtube twitter)
- espaço para atualidades (comunicados periódicos sazonais, ex. pandemia, campanhas, etc
- inscrição para voluntariado
- agenda de eventos na comunidade
- Possibilidade do grupo fazer pequenas alterações no layout para aderir a temas do momento (ex.: campanhas específicas como setembro amarelo e outubro rosa), através de inclusão de algum elemento gráfico ou mudança de cor de algum item.
- Box com para envio de mensagens de assuntos diversos. Formulário com assuntos pré-determinados, que direcionam para diversos e-mails. (item contato)


Sessões (abas com acesso na home)

Home
1) Canais de atendimento
2) Seja Voluntário
3) Colabore
4) Sobre a entidade
5) Conteúdo informativo ou Conheça Mais
6) Imprensa
7) Ações na Comunidade
8) Blog
9) FAQ
10) Contato
Descrição de cada sessão ou aba

1) Canais de atendimento

Texto descritivo do item editável.

Ícones para o telefone, e-mail (link com distribuição em caixa única), chat (link com o programa utilizado para atendimento) e endereços postos com busca por estado e cidade.

Ter mensagem no resultado da busca se não houver um posto de atendimento na cidade pesquisada, direcionando para outras formas de atendimento (fone, email e chat).

2) Seja Voluntário

Texto descritivo

Ícone para inscrição. Opções para selecionar modalidade (presencial, por VoIP ou chat).

Se a modalidade for presencial, abrir possibilidade de pesquisa por estado/cidade. Cada escolha implica em um direcionamento por e-mail. Se a pessoa não achar a cidade, oferecer a ela as modalidades online.

Ícone para agenda de cursos. Ferramenta precisa ser editável, para que o grupo alimente a agenda com data, horário, local e forma de contato para inscrição.

Espaço para vídeo/imagem referente ao tema.

3) Colabore (doe/ doações)

Texto descritivo

Destaque para conta corrente e link no Pagseguro

Espaço para inserir arquivos em pdf com prestação de contas

Espaço para agradecer a apoiadores

4) Sobre a entidade

Texto descritivo sobre a entidade (o que faz, como desenvolve seus trabalhos, etc)

Ícone para relatórios mensais de atividades nacionais (com inclusão de arquivos em pdf)

Ícone para informações sobre Acordo de Cooperação com o Governo (com inclusão de arquivos em pdf, imagens e vídeos)

Linha do tempo interativa onde possamos acrescentar principais eventos importantes da história da entidade (texto, imagem e vídeo)

Política de privacidade (Texto descritivo + link para detalhamento) Verificar se precisa constar em todas as abas o acesso este material)

5) Matérias disponíveis (Conheça Mais)

Texto descritivo sobre o conteúdo disponível

Layout que seja programado para atualização de conteúdo (texto, imagem, vídeos)
Ícones ou “acordeon” com todos o conteúdo informativo disponível para download, separados por temática.
Editável de forma a permitir upload de arquivos (pdfs, vídeos e imagens).
Esta sessão precisa ser pensada de forma a dar visibilidade para todo o conteúdo, sem privilegiar apenas os mais recentes e permitir buscas.

Ícone para links úteis de parceiros (lista de sites de instituições, empresas e outros que tenham a ver com apoio emocional)

formulário para cadastro para recebimento de Newsletter

6) Imprensa

Texto descritivo com os contatos disponíveis da Assessoria de Imprensa

Clipping de notícias (possibilidade de automatizar a busca de notícias relevantes sobre a entidade nos principais sites de noticias)

Espaço para inclusão de releases (.pdf)

Ícone com o Manual de Política de Uso da Marca (inclusão arquivo)

Ícone com o guia de orientação para imprensa (.pdf)

7) Atividades na Comunidade

Texto descritivo sobre as atividades

Ícone com cada serviço oferecido (com pequeno texto para descrição de cada um e direcionamento para agenda de atividades)

Box para escolha das cidades e grupos cadastrados construídas de forma a informar cidade e agenda de atividades na cidade deve constar (data, hora, local e forma de contato)

Agenda de eventos (mesma do direcionamento da Home)

8) Blog

Migração de todos os textos existentes.

Ajuste das tags

Editavel e que permita upload postagens com imagens, links e videos

Ferramenta de busca por título ou assunto (tags colocadas no texto)

9) FAQ

Lista de perguntas mais frequentes, com links, que direcionam para as respectivas respostas.


10) Contatos

Texto explicativo de formas de contato

Exibir formas de contato com aba de escolha de assuntos específicos que serão direcionados para um email especifica, que seja possível adicionar temas.


Precisamos que conste na proposta:
- custo e possíveis formas de parcelamento do pagamento
- tempo previsto para entrega inicial, ajustes e finalizações do projeto
- plataforma/linguagem em que o site será construído
- como se dá o acesso para a área administrativa e instruções para a mesma
- acessos para editores e administradores da pagina
- custo de manutenção mensal para atualizações
- referencias de outros sites desenvolvidos.

Identidade Visual:
Desejamos transmitir uma imagem sóbria, respeitosa e acolhedora, portanto afastado de qualquer coisa relacionada a tristeza, solidão, angústia, etc...

Manter a identidade visual da entidade, baseado na cor azul do logo e nos formatos de balões (de diálogos) (que remetem à comunicação)

Considerar que boa parte do público são pessoas idosas, com dificuldade para leitura. Deve ser acessível e responsivo.

Os botões dos canais de atendimento devem estar destacado e de acesso imediato, para que a pessoa que esteja em busca de ajuda, muitas vezes num estado emocional abalado, instintivamente saiba onde pressionar.


Referências de websites:
************
************
************